Адаптивный по контенту слайдер.

[bonkalol]

Господа, доброй день всем. Не могу написать
Сладейр, адаптивный, не по ширине и высоте, а по кол-ву содержимого ( контенту ), т.е. не зависит от кол-ва img или чего-либо другого ( в моем случае это section ). Зацикленный, управляется с помощью стрелок prev и next само-собой. Зациклил, но вот с prev и next никак не могу решить. Добрые люди, помогите пожалуйста.

function startSlider() {
var sectionValue = 1;
var sectionNext = 2;
var MaxValue = $('.slider section').size();

// display: none for section
$('.slider section').css({'display': 'none'});
$('.slider .wrapper section#sec' + sectionValue).fadeIn(400).delay(8000).fadeOut(400) ;
sectionValue += 1;

// loop func
var changeSection = setInterval(function () {
$('.slider .wrapper section#sec' + sectionNext).fadeIn(400);
$('.slider .wrapper section#sec' + sectionNext).delay(8000).fadeOut(400);

if(sectionNext == MaxValue) {
sectionNext = 1;
} else {
sectionNext += 1;
}

}, 9000);
}

[bonkalol]

Да, то что слайдер будет зациклен в любых случаях, даже если там будет овер 10000 img или чего-либо другого. Адаптивный по контенту.